<template>
  <a-card class="ax__template">
    <template #extra>
      <slot name="extra"></slot>
    </template>
    <template #title>
      <a-page-header class="p-0" @back="back" :title="title" :subtitle="subtitle"></a-page-header>
    </template>
    <slot></slot>
  </a-card>
</template>

<script setup lang="ts">
defineProps<{
  title: string;
  subtitle?: string;
  back: () => void;
}>();
</script>

<style lang="scss" scoped>
:deep(.ant-page-header-heading-title) {
  font-size: 14px;
}
:deep(.ant-card-body) {
  height: calc(100% - 32px) !important;
  overflow-y: auto !important;
}
</style>
